<template>

    <div id="mine">
        <div id="login-title">我的</div>
        <div>

            <div v-if="sellerLogin.isSeller">

                <router-link to="/launch"><div class="mine-main">发布新品</div></router-link>
                <router-link to="/manage"><div class="mine-main">商品管理</div></router-link>
                <router-link to="/add"><div class="mine-main">添加分类</div></router-link>
                
                </div>
                <div  v-else>
                    <router-link to="/seller"><div class="mine-main">成为卖家</div></router-link>
                </div>
            
            <div class="mine-main">我的天啊</div>
            <div class="mine-main">我的钱包</div>
            <div class="mine-main">客服妹子</div>
            
            
        </div>
        <Navbar></Navbar>
    </div>

</template>

<script>
import Navbar from "../components/Navbar.vue";
import {mapState} from "vuex";
export default {
    components: {
        Navbar,
    },
    mounted:function () {
      this.$store.dispatch("requestIsSeller")  
    },
    computed: {
        ...mapState([
            "sellerLogin"
        ])
    }
    
}
</script>

<style scoped>
    #login-title{
    text-align: center;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    background-color: skyblue;
    font-family: 宋体;
    font-weight: 700;
}
#mine{
    background-color: #cccccc;
    height: 100vh;
    text-align: center;
}
.mine-main{
    background-color: #fff;
    height: 30px;
    line-height: 30px;
}
</style>